<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
</head>
<!-- 去除列表小圆点的方法,css设置list-style:none -->

<body>
	<h3>无序列表ul中只能有li标签，但li中可以有所有元素</h3>
	<ul>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ul>
	<h3>有序列表跟无序列表类似，ol里只能有li</h3>
	<ol>
		<li></li>
		<li></li>
		<li></li>
		<li></li>
	</ol>
	<h3>自定义列表一般用在网页末尾 dl 里只能有dt 或者dd</h3>
	<dl>
		<dt>关于我们</dt>
		<dd>售后服务</dd>
		<dd>联系电话</dd>
		<dd>技术支持</dd>
	</dl>
	<p>一般多个数据并排时考虑无序列表，下面几条对上面一条进行说明时用自定义列表，有序列表很少使用</p>

	<h3>表单域在提交数据时是必须的</h3>
	<form action="#" method="post" name="name1">

		<input type="text"> <br>

		爱好：<input type="checkbox" name="hobby" checked="checked">吃饭 <input type="checkbox" name="hobby">睡觉 <input
			type="checkbox" name="hobby">打豆豆 <br>
		<input type="password"> <br>
		<input type="button"> <br>
		年龄：<input type="radio" name="age" checked="checked"> 20 <input type="radio" name="age"> 20 <input type="radio"
			name="age"> 20
		<br>
		<!-- <input type="text"> -->
		<input type="submit" value="提交按钮">
		<input type="reset" value="重置按钮">
		<br>
		<br>
		<input type="button" value="我是一个单纯的按钮">
		<h3>这个按钮需要配合js来操作</h3>
		<br>
		<input type="file">
		<h4>这个按钮是用来上传文件的</h4>
	</form>
	<h3>表单要提交数据必须放进表单域里，input是单标签，要生成不同表单控件主要靠不同的type来实现</h3>
	<br>
	<br>
	<br>
	<h3>单选框和复选框可以选定checked属性，打开网页时默认选中；maxlength属性限定输入字符长度</h3>
	<br>
	<br>
	<h3>单选框和复选框的一组文本框需要有相同的name值才能进行对应的选择，而value主要显示在text文本框中，这两个属性主要用于后台数据传递</h3>
	<br>
	<br>
	<br>
	<br>
	<h3>提交按钮和重置按钮比较厉害，可以提交整个表单域里的数据，重置则是重置表单</h3>
	<h4>提交按钮跳转的是form表单里的action属性的网页</h4>
	<br>
	<br>
	<br>
	<input type="radio" id="nan" name="sex"><label for="nan">男</label>
	<input type="radio" id="nv" name="sex"><label for="nv">女</label>
	<h3>label标签主要用于优化选中文本框的操作，选中文字或者图片也可以获取焦点只需要放进label标签</h3>

	<form action="#">
		位子信息：<select name="dest" id="a">
			<option value="">珠海</option>
			<option value="">杭州</option>
			<option value="">湖州</option>
			<option value="">安吉</option>
			<option value="" selected="selected">重庆</option>
			<option value="">万州</option>
		</select>
	</form>
	<h3>下拉表单多选项，其中可以定义selected来显示默认选项</h3>
	<form action="">
		<textarea rows="" cols="">这个表单域很简单，没有特别多属性需要记</textarea>
	</form>
	<h1>需要注意，input和select和textarea是并列</h1>

</body>

</html>